<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css">
    <script src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js" charset="utf-8"></script>


</head>
<body>


<div class="prism-player" id="player-con"></div>


</body>

<script>

    /**
     * URL: rtmp://js.sxjkaqjypx.com/kalista/
     * stream： test?auth_key=1583145003-0-0-e296fb21eb43e3ecc43116be6da28bd4
     * @type {Aliplayer}
     */

    // autoplay: true,//是否自动播放
    //     playsinline:true,//H5是否内置播放
    //     useH5Prism:true,//强制H5播放器
    //     isLive:false,//是不是直播
    //     preload:true,//播放器自动加载
    //     snapshot:true,//falsh启用截图
        //rtmp://js.sxjkaqjypx.com/kalista/test?auth_key=1583211526-0-0-cbd5c56c85687895d0b01c3994f25083
        //


    var player = new Aliplayer({
            "id": "player-con",
            "source": "rtmp://live.sxjkaqjypx.com/kalista/test01?auth_key=1583169178-0-0-df7928458c297f2b4a1a038b5279c2af",//视频地址，支持mp4、m3u8
            "width": "100%",
            "height": "500px",
            "autoplay": true,//是否自动播放
            "isLive": false,//是不是直播
            "rePlay": false,//重播
            "playsinline": true,//H5是否内置播放
            "preload": true,//播放器自动加载
            "controlBarVisibility": "hover", //控制面板的实现 ‘click’ 点击出现、‘hover’ 浮动出现、‘always’ 一直在
            "useH5Prism": true//强制H5播放器
        }, function (player) {
            console.log("The player is created");
        }
    );



</script>

</html>